<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}
			
			body {
				background: url(img/bg.jpg);
				background-size: cover;
			}
			
			.top {
				display: -webkit-box;
				margin-top: 10px;
				width: 100%;
				height: 80px;
			}
			
			.topLeft {
				display: -webkit-box;
				width: 20%;
			}
			
			.topCenter {
				display: -webkit-box;
				background-image: url(img/RTlogo.png);
				background-size: cover;
				width: 80px;
			}
			
			.topRight {
				display: -webkit-box;
				-webkit-box-flex: 1;
			}
			
			.topText {
				line-height: 80px;
				margin-left: 5px;
				font-size: 24px;
				font-family: "仿宋";
				color: rgba(30, 48, 107, 1);
			}
			
			.newDate {
				color: #333333;
				margin-left: 20px;
				margin-top: 10px;
			}
			
			.tab {
				width: 100%;
				padding: 20px;
				padding-top: 5px;
				color: #333333;
			}
			
			.txtCenter {
				text-align: center;
			}
			
			.tab td {
				border-bottom: 1px solid #959595;
				border-left: 1px solid #959595;
				border-right: 1px solid #959595;
				height: 30px;
			}
			
			.width150 {
				width: 150px;
				/*background-color: #E8E8E8;*/
			}
			
			.borderTop {
				border-top: 1px solid #959595;
			}
			
			span {
				color: red;
				font-weight: bold;
			}
		</style>
	</head>

	<body>
		<div class="top">
			<div class="topLeft"></div>
			<div class="topCenter">
			</div>
			<div class="topRight">
				<div class="topText">车载机日报</div>
			</div>
		</div>
		<div class="newDate">报表日期: <span style="color: blue;">2017-10-16</span></div>
		<table class="tab" cellpadding="0" cellspacing="0">
			<tr class="width150 txtCenter">
				<td rowspan="2" class="width150 txtCenter borderTop">京津冀当日完成</td>
				<td class="txtCenter borderTop">总数 : <span>100</span> 台 </td>
			</tr>
			<tr class="width150 txtCenter">
				<td>新增 : <span>200</span> 台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td rowspan="2">二维码车载发放</td>
				<td>总数：<span>100</span> 台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td> 新增: <span>500</span> 台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td rowspan="2">每日车载机上线</td>
				<td>总数：<span>100</span>台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td>上线率：<span>100</span>%</td>
			</tr>
			<tr class="width150 txtCenter">
				<td rowspan="2">每周车载机上线</td>
				<td>总数：<span>100</span>台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td>上线率：<span>100</span>%</td>
			</tr>
			<tr class="width150 txtCenter">
				<td rowspan="2">每月车载机上线</td>
				<td>总数：<span>100</span>台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td>上线率：<span>100</span>%</td>
			</tr>

			<tr class="width150 txtCenter">
				<td>一公司备用机</td>
				<td>总数：<span>10</span>台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td>二公司备用机</td>
				<td>总数：<span>10</span>台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td>三公司备用机</td>
				<td>总数：<span>10</span>台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td>四公司备用机</td>
				<td>总数：<span>10</span>台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td>五公司备用机</td>
				<td>总数：<span>10</span>台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td>巴士公司备用机</td>
				<td>总数：<span>10</span>台</td>
			</tr>
			<tr class="width150 txtCenter">
				<td>滨海公司备用机</td>
				<td>总数：<span>10</span>台</td>
			</tr>

			<tr>
				<td rowspan="6" class="width150 txtCenter">故障当日分析</td>
				<td style="padding-top: 10px;padding-bottom: 10px;">1、不开机（<span>0</span>台）
					<br />
					<div style="margin-left: 25px;">已完成（<span>50</span>台）</div>
				</td>
			</tr>
			<tr>
				<td style="padding-top: 10px;padding-bottom: 10px;">2、显示屏故障（<span>0</span>台）
					<br />
					<div style="margin-left: 25px;">已完成（<span>50</span>台）</div>
				</td>
			</tr>
			<tr>
				<td style="padding-top: 10px;padding-bottom: 10px;">3、刷卡故障（<span>0</span>台）
					<br />
					<div style="margin-left: 25px;">已完成（<span>50</span>台）</div>
				</td>
			</tr>
			<tr>
				<td style="padding-top: 10px;padding-bottom: 10px;">4、二维码故障（<span>0</span>台）
					<br />
					<div style="margin-left: 25px;">已完成（<span>50</span>台）</div>
				</td>
			</tr>
			<tr>
				<td style="padding-top: 10px;padding-bottom: 10px;">5、网络故障（<span>0</span>台）
					<br />
					<div style="margin-left: 25px;">已完成（<span>50</span>台）</div>
				</td>
			</tr>
			<tr>
				<td style="padding-top: 10px;padding-bottom: 10px;">6、其他（<span>0</span>台）
					<br />
					<div style="margin-left: 25px;">已完成（<span>50</span>台）</div>
				</td>
			</tr>
		</table>
	</body>

</html>